{{ define "main" }}
  <div class="pure-menu pure-menu-horizontal">
    <ul class="pure-menu-list">
      {{ range .Site.Menus.main }}
        {{- if not .HasChildren }}
          <li class="pure-menu-item {{ if .IsCurrent }}pure-menu-selected{{ end }}">
            <a href="{{ .URL }}" class="pure-menu-link">{{ .Name }}</a>
          </li>
        {{- else }}
          <li class="pure-menu-item pure-menu-has-children pure-menu-allow-hover">
            <a href="{{ .URL }}" class="pure-menu-link">{{ .Name }}</a>
            <ul class="pure-menu-children">
              {{ range .Children }}
                <li class="pure-menu-item">
                  <a href="{{ .URL }}" class="pure-menu-link">{{ .Name }}</a>
                </li>
              {{ end }}
            </ul>
          </li>
        {{- end }}
      {{ end }}
    </ul>
  </div>
  <div class="pure-g">
    <div class="pure-u-1-4">
      <!-- 生成目录 -->
      <nav>
        {{ .TableOfContents }}
      </nav>
    </div>
    <div class="pure-u-3-4">
      {{ .Content }}
    </div>
  </div>
{{ end }}
